/* --- For Mobile App Development LNP --- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	/* [disabled]vertical-align:baseline; */
}

/* --- body copy is 13 px with 17px line spacing; orange headers are 16px, bold --- */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{ line-height:1em; }

h3 {
font-size: 1em;
font-weight:bold;
color: #ff7200;
margin: 0 0 15px 0;
}

h4 {
font-size: 0.875em;
font-weight:bold;
margin: 10px 0 10px 0;
}

h5 {
	font-size: 0.875em;
	font-weight: bold;
	margin: 0 0 10px 0; 
}

body {
	display: block;
	background:#ededed;
	color:#444444;
}

#top-nav, .reportPts, #reportPts-Header, #header h3, #enterprise-wrap, #masthead, #descrp-body-1, #social-share-1, #rule, #contact-wrapper { display: none;}

#header, #wrapper { background: #ffffff; margin: 0 0 0 0; width: 100%; max-width: 984px; overflow: hidden; }

#header h2 {
	padding: 10px 0 0 10px;
	width: 116px;
	height: 54px;
	float:left;
}
/* AT&T Logo */
#header h2 a {
	display: block;
	background: url("http://img.en25.com/Web/ATTABSDivision/{c37f4e50-e1da-414e-a774-ac74e8f6be01}_att_logo.jpg") repeat scroll 0 0 transparent;
	text-indent: -9999px;
	width: 116px;
	height: 54px;
}
#browse_ATT_wrap {
	clear: both !important;
	display: inline;
    float: right;
    margin: 0 0 15px 0;
	height: 0;
    position: relative;
    right: 10px;
    top: -14px;
}
#browse_ATT_wrap a {
	color: #067AB4;
	font-size:13px;	
	font-weight:bold;
	text-decoration:none;
	background: url("http://images.response.att-mail.com/EloquaImages/clients/ATTABSDivision/{fb7bd3e8-1983-4cda-a1d2-9ebc6bc620dd}_carat-blue.png") no-repeat scroll right 6px transparent;
	padding-right:10px;
}

#nav {
	float: left;
	max-width: 970px;
	width: 96.5%;
	margin-left: 5px;
	font-size: .6875em;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	display: block;
}
#nav li {float:left; list-style: none; height: 32px; display: table; width: 33.334%;}
#nav li a { 
	background:url("http://img.en25.com/Web/ATTABSDivision/{041badb3-b74e-4879-a84e-8901674c7c71}_nav-bg-li.png") repeat-x scroll 0 0 transparent;
	display: table-cell;
	border: none;
	border-right:1px solid #ffffff;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 0 0 0 0;
	float: none;
	text-decoration:none;
	line-height: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

#content { float: left; margin: 15px 0px 20px 0px; width: 100%;}

#midBox{
	float: left;
	margin: 0 0 20px 0;
}
#midBox p {
	font-size: 0.8125em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 5px 0 0 0;
}
#midBox1 { float: left; width: 100%; margin: 0 15px 0 20px; }
#midBox2 { float: left; width: 100%; margin: 0 0 0 0; }
#container.video { width: 100%; margin: 0 auto 0 auto; max-width: 320px; }
.descrp{ margin: 0 15px 0 0; }
#descrp-body-1 { float: left; margin: 0 0 0 0; }
#descrp-body-2 { float: left; display: block; margin: 15px 5px 0 20px; }
.share-cta{ margin: 4px 2px 0 0; float: left; }
#social-share-1 span, #social-share-2 span {
    display: block;
    float: left;
    height: 24px;
    margin: 0 6px 0 6px;
    width: 24px;
}
#social-share-1 .st_googleplus_custom, #social-share-2 .st_googleplus_custom {
    background: url("http://www.corp.att.com/images/sharethis/btn_share-GooglePlus-24.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
#social-share-1 .st_email_custom, #social-share-2 .st_email_custom {
    background: url("http://www.corp.att.com/images/sharethis/btn_share-Email-24.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
#social-share-1 .st_twitter_custom, #social-share-2 .st_twitter_custom {
    background: url("http://www.corp.att.com/images/sharethis/btn_share-Twitter-24.png") no-repeat scroll center center transparent;
    cursor: pointer;
}
#social-share-1 .st_facebook_custom, #social-share-2 .st_facebook_custom {
    background: url("http://www.corp.att.com/images/sharethis/btn_share-Facebook-24.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
#social-share-1 .st_plusone_custom, #social-share-2 .st_plusone_custom {
    background: url("http://www.corp.att.com/images/sharethis/btn_share-GooglePlus-24.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
#social-share-1 .st_linkedin_custom, #social-share-2 .st_linkedin_custom {
    background: url("http://www.corp.att.com/images/sharethis/btn_share-LinkedIn-24.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
#bottomBox { float: left; margin: 0 0 0 20px; }
.report{ float: left; width: auto; }

.report p {
	font-size: 0.8125em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 5px 15px 25px 0;
}
#social-share-2 { display: inline;  width: 80px; margin: 0 0 25px 5px; float: left; /* position:absolute; */}
#social-share-2 span { margin: 16px 8px 0 6px; }
.paper{ vertical-align: top; float:right; margin-right: 15px; margin-left: 1em; }
#unknown { width: auto; margin: 0 10px 0 -10px; display: none; float: left;}
#known { width: 100%; margin: 0 10px 0 -10px; display: none; float: left;}

#formBox {
	padding: 10px 0 30px 0;
	margin: 0 auto; 
	background-color: #ececec;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
}
#formBox h3 { margin: 0 0 10px 10px }
#formBox p { margin: 2px 10px 0 10px; font-size: 0.8125em; line-height: 1.1em; }
#form-header { margin: 0 0 20px 0; }
#form-header p { margin: 0 10px 0px 10px; }
.form-div {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
}
.form-label { display: none; }
.form-textbox { height: 28px; width: 90%; margin-left: 5%; }
#jobTitle, #jobFunctionNew { height: 28px; width: 90%; margin-left: 5%; }
.form-button {
	clear: both;
	overflow: hidden;
	padding: 1px;
	width: 100%;
	height: 28px;
	margin: 0 0 25px 0;
	text-align: center;
}
#form-required-fields p {
	margin: 0 10% 25px 0;
	float: right;
	margin-right: 15%;
	font-size: 0.75em;
	font-style: italic;
}
#form-privacy { text-align: center; }
#form-privacy p { margin: 0 0 0 0; font-size: 0.75em; }
#form-privacy a { text-decoration: none; color: #067ab4; }
#form-privacy a:hover { text-decoration: underline; }
#formBox input:focus{ outline: 0; border-color: #4697e4; }
.error{ border:1px solid red; border-radius: 3px 3px 3px 3px; }
#kb {
	border: 1px solid #CCCCCC;
	color: #444444;
	width: 85%;
	text-align:center;
	padding: 50px 0;
	margin: 0 auto;
}
#kb p { font-size: 0.8125em; margin: 5px 0 30px 0; }
#kb a { text-decoration: none; color: #067ab4; }
#kb a:hover { text-decoration: underline; }
#browse_att_wrapper {display: block; float: left; width: 100%; }
#browse_att_wrapper h3 { margin: 25px 0 15px 10px; }
#bottom_nav {
	clear: both;
	margin: 0 0 0 0;
	float: left;
	width: 100%;
	font-size: .6875em;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
}
#bottom_nav li { 
	display: table; 
	width: 33.333333%; 
	background: url("http://img.en25.com/Web/ATTABSDivision/{64a278c9-bc2f-406f-bfab-2e1238b2fa4e}_top-nav-bg.png") repeat scroll 0 0 transparent;
	float:left; 
	list-style: none; 
	height: 34px;
}
#bottom_nav li a { 
	display: table-cell;
	line-height: 34px; 
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border: none; 
	border-right:1px solid #FFFFFF; 
	text-align: center; 
	vertical-align: middle; 
	text-decoration: none;
	text-transform: uppercase;
}
#footer {
	overflow: hidden;
	width: 96%;
	max-width: 970px;
	margin: 10px auto;
	font-size: 0.6875em;
	position:relative;
}
#footer a { color:#999999; text-decoration:none; font-weight: normal; }

.footer-links {width: 40%; float: left; list-style: none;}
.footer-links li { float: none; line-height: 17px; margin: 0 10px 0 0;padding: 0 10px 0 0; border-right:1px solid #9d6381; }
.footer-links li.last {border:none;}

.legal { width: 98%; float:left;clear:left;margin: 18px 0 15px; line-height: 12px; max-width:550px;}
.olympic-sponsor-link {
	background: url("http://img.en25.com/Web/ATTABSDivision/{8bcf5029-779f-494a-927c-a41f14e8d524}_olympic-rings.png") no-repeat scroll 0 0 transparent;
	float:left;
	height: 27px;
	padding: 7px 0 0 48px;
}
.olympic-sponsor { clear: both; position: relative; top: 5px; }
.att-host {width: 55%; float: right; text-align: right; margin: 0 0 0 0; line-height: 12px; max-width: 100%; }



/**************************************/
@media screen and (min-width: 481px) {
/**************************************/

h3 { margin: 0 0 5px 0; }
#wrapper {
	background:url("http://img.en25.com/Web/ATTABSDivision/{3553cf53-2909-44c0-9473-d81c62fada33}_content_bg.png") repeat-y scroll 0 0 transparent;
	width:98%;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background:url("http://img.en25.com/Web/ATTABSDivision/{fb3020c3-052c-43c8-a516-e2fd3febbc21}_content_top_cap.png") no-repeat scroll 0 0 transparent;
}
#header h2 { padding: 20px 0 0 35px; }
#top-nav {
	display: block;
	background:url("http://img.en25.com/Web/ATTABSDivision/{64a278c9-bc2f-406f-bfab-2e1238b2fa4e}_top-nav-bg.png");
	height: 34px;
	line-height: 12px;
}
#top-nav ul {
	list-style: none;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	max-width: 970px;
	width: 98%;
	padding-left: 20px;
}
#top-nav ul li {float:left;}
#top-nav ul li a {
	font-size: .75em;
	color:#ffffff;
	text-decoration:none;
	padding: 15px 14px 7px 2px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal
}
#top-nav ul li a:hover {text-decoration:underline;}
#top-nav ul li.sel {
	background:url("http://img.en25.com/Web/ATTABSDivision/{3318ddcb-f720-427a-8fa5-184824cd4be9}_top-nav-sprite.png") repeat scroll left -34px #EDEDED;
	margin:0 12px 0 4px;
}
#top-nav ul li.sel a {
	background:url("http://img.en25.com/Web/ATTABSDivision/{3318ddcb-f720-427a-8fa5-184824cd4be9}_top-nav-sprite.png") repeat scroll right -34px transparent;
	padding:15px 37px 7px 14px;
	color:#515151;
}
#enterprise-wrap {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 9px 0 0;
	text-align: right;
	width: 98%;
	max-width:970px
}
#enterprise {
	text-decoration:none;
	font-size: .6875em;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	color: #067ab4;
}
#enterprise:hover {text-decoration:underline;}
/* Enterprise Tag */
#header h3 {
	display: block;
	background:url("http://img.en25.com/Web/ATTABSDivision/{5a0c5610-cf27-44cf-8d13-c6048db555b9}_enterprise.jpg");
	width:79px;
	height:24px;
	text-indent:-9999px;
	float:left;
	margin:38px 0 20px 35px;
}
#nav { 
	margin-left: 17px;
	background: url("http://images.response.att-mail.com/EloquaImages/clients/ATTABSDivision/{143b8437-a6c7-44d7-9ea6-ba3e8c8ac3ed}_primary-nav-bg.png") repeat-x;
	background-size: contain;
}
#nav li { display: block; width: auto; }
#nav li a {
	display: block;
	background:url("http://img.en25.com/Web/ATTABSDivision/{041badb3-b74e-4879-a84e-8901674c7c71}_nav-bg-li.png") repeat-x scroll 0 0 transparent;
	float: left;
	padding:9px 9px 10px 12px;
}
#nav li a:hover {background:url("http://img.en25.com/Web/ATTABSDivision/{76f58ba3-ffe7-4b01-8102-4eb5778774a0}_nav-bg-li-hover.png") repeat-x scroll 0 0 transparent;}
#nav li.sel a {padding:9px 11px 11px 14px;letter-spacing: 0px;background:url("http://img.en25.com/Web/ATTABSDivision/{c04b7d73-8e55-405b-85d0-d42fd1eacb29}_sel-nav-bg.png") no-repeat scroll 0 0 transparent;color:#ff7200}

#content{ float: left; width: 96.5%; margin: 15px 0 15px 17px; }

#masthead{
	display: block;
	background: url("http://images.response.att-mail.com/EloquaImages/clients/ATTABSDivision/{8d0de61f-49a5-4b6c-8523-faa046f87062}_mdm-masthead.png") no-repeat;
	background-size: contain;
	height: 95px;
}
#midBox { margin: 0 0 0 13px; }
#midBox1{ float: left; margin: 0 0 15px 0; }
.video { float: left; margin: 0 0 0 0; max-width: 100%; }
.descrp{ height: auto; margin: 0 0 15px 0; float: left;}
#descrp-body-1 { display: inline; }
#social-share-1 { display: block; margin: 0 0 0 0; }
#descrp-body-2 { display: none; }
#bottomBox { margin: 25px 0 0 13px; }
.report p { margin: 5px 0 0 0; }
#social-share-2 { display: none; }
#reportPts-Header { display: block; }
.reportPts { display: block; padding-left: 20px; font-size: .8125em; }
.reportPts li { margin: 5px 0 0 0; }
.paper{ margin-right: 0; }
#unknown { margin: 25px 10px 0 0; }
#known { float: left: width: 100%; margin: 25px 10px 0 0; }
.form-label {
	display: block;
	text-align: right;
	width: 30%;
	float: left;
	font-size: 0.8125em;
	font-weight: bold;
	margin: 5px 10px 0 0;
}
.form-textbox { width: 60%; height: auto; margin-left: 0;}
#jobTitle, #jobFunctionNew { width: 60%; height: auto; margin-left: 0;}
.form-button { margin: 0 0 10px 0; }
#form-required-fields p { margin: 0 15% 10px 0; }
#browse_att_wrapper, #browse_ATT_wrap { display: none; }
#contact-wrapper {
	display: block;
	width:98%;
	margin-left: auto;
	margin-right: auto;
	max-width: 984px;
	overflow: hidden;
}
#contact {
	background:url("http://img.en25.com/Web/ATTABSDivision/{a313b0e3-3916-46fc-bfc3-7f498dfcb340}_content_bottom_cap.png") no-repeat scroll 0 0 transparent;
	overflow: hidden;
	max-width: 984px;
	width: 100%;
}

.footer-links {width: auto;}

/**************************************/
}
/**************************************/

/**************************************/
@media screen and (min-width: 761px) {
/**************************************/

#midBox { margin: 20px 0 40px 23px; }
#midBox1 { float: right; width: 45%; margin:0 0 0 0;}
#midBox2 {width: 40%; }
.video { float: left; margin: 0 0 0 0; }
.descrp{ height: 192px; margin: 0 0 0 0; }
#bottomBox { margin: 0 5px 0 23px; }
.report{ width: 45%; }
.reportPts li { margin: 0 10px 5px 0; }

#known, #unknown { float: right; width: 45%; margin: 0 0 0 0; }
.footer-links li {float:left; line-height: 1em; }
.att-host {float:left; text-align:left; margin: 10px 0 0 0; }


/**************************************/
}
/**************************************/

/**************************************/
@media screen and (min-width: 769px) {
/**************************************/

#content{ margin: 15px 0 15px 17px; }
#midBox { margin: 40px 15px 0 23px; }
#midBox1 { width: 50%;}

#rule{ display: block; float: left; margin: 40px 0 20px 0; }
#rule img{ width: 100%; }

#bottomBox{ margin: 0 15px 0 23px; }
.report{ width: 40%; }
#known, #unknown  { width: 50%; }


/**************************************/
}
/**************************************/


/**************************************/
@media screen and (min-width: 801px) {
/**************************************/

#content{ margin: 15px 0 20px 17px; }
.att-host {float:right;text-align:right; max-width: 180px; margin: 0 0 0 0;}


/**************************************/
}
/**************************************/